﻿<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="keywords" content="web前端，F2E，web前端个人简历，前端开发" />
    <meta name="description" content="赵柯宇的web前端工程师个人简历">
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/jquery.fullPage.css" />
	<link rel="stylesheet" href="css/component.css" />
	<link rel="stylesheet" href="css/index.css" />
	<title>web前端工程师简历</title>
</head>
<body>
<!-- header navigation -->
<header>
	<div id="logo">
		<div id="header_img"><a href="https://git.oschina.net/wujimiao/wujimiao" target="_blank"> <img src="image/logo.jpg" alt="" />开源中国 项目代码</a></div>
	</div>
</header>
<!-- header navigation end -->
<!-- aside navigation -->
<aside>
		<a href="#page1"><b>首页</b></a>
		<a href="#page2"><b>关于我</b></a>
		<a href="#page3"><b>专业技能</b></a>
		<a href="#page4"><b>我的经历</b></a>
		<a href="#page5"><b>我的作品</b></a>
		<a href="#page6"><b>联系我</b></a>
</aside>
<!-- aside navigation end -->
<!-- home page -->
<div id="dowebok">
	<!-- home -->
	<div class="section one">
		<div id="home">
			<div id="home_content">
				<div id="home_head">
					<div id="home_head_content">
						<img src="image/photo1.jpg" id="home_photo1" alt="" />
						<img src="image/photo2.jpg" id="home_photo2" alt="" />
					</div>
				</div>
				<div id="home_info">
					<p id="home_info1">生活是一种绵延不绝的渴望，渴望不断上升，变得更伟大而高贵。</p>
					<div id="home_info_box">
						<p id="home_info2">我叫吴继淼</p>
						<p id="home_info3">25岁</p>
						<p id="home_info4">一名前端研发工程师</p>
						<p id="home_info5">1302072450@qq.com</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- home end -->
	<!-- about -->
	<div class="section two">
		<div id="about">
			<div id="about_content">
				<div class="title">
					<h1>关于我</h1>
				</div>
				<div id="about_list_content">
					<div class="about_list" id="about_list1">
						<div class="about_list_eg" id="about_en_edu">education</div>
						<div class="about_list_cn" id="about_cn_edu">学历<p>大专</p></div>
					</div>
                    <div class="about_list">
                        <div class="about_list_eg" id="about_en_age">age</div>
                        <div class="about_list_cn" id="about_cn_age">年龄<p>25岁</p></div>
                    </div>
                    <div class="about_list">
                        <div class="about_list_eg" id="about_en_loc">location</div>
                        <div class="about_list_cn" id="about_cn_loc">坐标<p>广州</p></div>
                    </div>
                    <div class="about_list">
                        <div class="about_list_eg" id="about_en_sta">status</div>
                        <div class="about_list_cn" id="about_cn_sta">状态<p>离职</p></div>
                    </div>
				</div>
				<div id="about_info"></div>
			</div>
		</div>
	</div>
    <!-- about end -->
    <!-- skill -->
    <div class="section three">
		<div id="skill">
			<div id="skill_content">
				<div class="title">
					<h1>专业技能</h1>
				</div>
				<div id="skill_info"></div>
                <div id="skill_list">
                    <div class="skill_list_content" id="skill_list1">
                        <div class="skill_icon" id="skill_icon1"></div>
                        <div class="skill_name">vue</div>
                        <div class="skill_flag"></div>
                        <div class="skill_int" id="skill_int1"></div>
                    </div>
                    <div class="skill_list_content" id="skill_list2">
                        <div class="skill_icon" id="skill_icon2"></div>
                        <div class="skill_name">bootstrap</div>
                        <div class="skill_flag"></div>
                        <div class="skill_int" id="skill_int2"></div>
                    </div>
                    <div class="skill_list_content" id="skill_list3">
                        <div class="skill_icon" id="skill_icon3"></div>
                        <div class="skill_name">jQuery</div>
                        <div class="skill_flag"></div>
                        <div class="skill_int" id="skill_int3"></div>
                    </div>
                    <div class="skill_list_content" id="skill_list4">
                        <div class="skill_icon" id="skill_icon4"></div>
                        <div class="skill_name">zepto</div>
                        <div class="skill_flag"></div>
                        <div class="skill_int" id="skill_int4"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- skill end -->
    <!-- experience -->
    <div class="section four">
    	<div id="exp">
        	<div id="exp_content">
        		<div class="title">
                	<h1>我的经历</h1>
                </div>
                <div id="exp_info" class="exp_scale"></div>
                <div id="exp_list_slider">
                	<div id="exp_list_slider_content" class="exp_scale">
                        <div id="exp_list_content">
                            <div class="exp_list">
                                <div class="exp_list_left">
                               		<div id="exp_list_left1">
                                        <dl>
                                            <dt>广州华元伟业医疗设备管理有限公司</dt>
                                            <dd class="exp_list_time">2014年1月~2014年6月</dd>
                                            <dd>推广部（实习）</dd>
                                            <dd>负责网站文章，微博、微信等新媒体创意撰写，营销和推广</dd>
                                            <dd>负责百度竞价调整</dd>
                                            <dd>获得<a href="#" class="md-trigger" data-modal="modal-1">最佳新人奖</a></dd>
                                            <dd>同期工作之余开始<a href="#" class="md-trigger" data-modal="modal-2">系统性的自学web前端各项技术</a></dd>
                                        </dl>
                                    </div>
                                </div>
                        	</div>
                        	<div class="exp_list">
                                <div class="exp_list_left">
                                	<div id="exp_list_left2">
                                        <dl>
                                            <dt>广州大码小爱服饰有限公司</dt>
                                            <dd class="exp_list_time">2014年6月~2015年5月</dd>
                                            <dd>美工部</dd>
                                            <dd>负责淘宝修图，海报，焦点图，详情页制作</dd>
                                            <dd>兼职公司官网的前端页面维护更新，web前端静态页面布局排版</dd>
                                            <dd>同期工作之余提升自己原生JS的编码能力</dd>
                                        </dl>
                                    </div>
                            	</div>
                        	</div>
                            <div class="exp_list">
                                <div class="exp_list_left">
                                    <div id="exp_list_left3">
                                        <dl>
                                            <dt>乐猫信息科技有限公司</dt>
                                            <dd class="exp_list_time">2015年5月~现在</dd>
                                            <dd>负责快速构建高质量移动app页面</dd>
                                            <dd>用less预编译css，使用zepto+bootstrap响应式移动端开发</dd>
                                            <dd>使用git 进行版本控制</dd>
                                            <dd>工作之余学习ES6，Vuejs，webpack以及提高原生JS能力，研究jQuery，zepto，bootstrap三者源码，并将一些知识应用到实际开发中</dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <div id="exp_list_to">
                    	<div id="exp_list_toleft"><img src="image/exp_list_toleft.png" /></div>
                    	<div id="exp_list_toright"><img src="image/exp_list_toright.png" /></div>
                    </div>
                    </div>
                    <div id="exp_timeline" class="exp_scale">
                    	<div>
                            <a href="#" title="2014年1月~2014年6月"></a>
                            <a href="#" title="2014年7月~2015年5月"></a>
                            <a href="#" title="2015年6月~现在"></a>
                        </div>
                    </div>             
                </div>
            </div>
        </div>
    </div> 
    <!-- experience end -->
    <!-- demo -->
    <div class="section five">
    	<div id="demo">
        	<div id="demo_content">
            	<div class="title">
                	<h1>我的作品</h1>
                </div>
                <ul class="work-list">
                    <!-- ngRepeat: item in $ctrl.worksList track by $index -->
                    <li class="work-item">
                    <h4 class="work-title">乐猫官网</h4>
                    <p class="work-des">响应式布局，兼顾pc端和移动端布局，css3动画效果，支持IE9以上浏览器。使用了jQuery和bootstrap部分js插件以及css3媒介查询@media等完成该项目</p>
                    <a class="work-link" href="http://cchtw.com/" target="_blank"><img src="image/w_link.svg" alt=""></a>
                </li>
                    <!-- end ngRepeat: item in $ctrl.worksList track by $index -->
                    <li class="work-item">
                    <h4 class="work-title">乐猫商城</h4>
                    <p class="work-des">一站式购物平台，主要负责商城一部分静态页面的改版布局，后台管理登录注册界面，操作界面的优化改良，以及部分ajax数据请求，对于跨域问题有一定认知和解决方案</p>
                    <a class="work-link" href="http://www.codinggo.net/" target="_blank"><img src="image/w_link.svg" alt=""></a>
                </li>
                    <!-- end ngRepeat: item in $ctrl.worksList track by $index -->
                    <li class="work-item">
                    <h4 class="work-title">买得到</h4>
                    <p class="work-des">买得到是针对移动潮流而开发的社区购物网站，使用Zepto和swiper快速开发，能够兼容大部分主流手机，iPad等。我负责其静态页面开发，没有ajax请求</p>
                    <a class="work-link"href="maiDeDao/index.html" target="_blank"><img src="image/w_link.svg" alt=""></a>
                </li>
                    <!-- end ngRepeat: item in $ctrl.worksList track by $index -->
                    <li class="work-item">
                    <h4 class="work-title">微信端饮食点餐系统</h4>
                    <p class="work-des">微信点餐系统，使用zepto配合css3响应式开发，ajax跨域请求，订单，排版等都是一个人完成。该系统原计划接入微信公众号api，但由于客户临时终止协议而停止开发</p>
                    <a class="work-link" href="http://yinshi.codinggo.net/" target="_blank"><img src="image/w_link.svg" alt=""></a>
                </li><!-- end ngRepeat: item in $ctrl.worksList track by $index -->
                    <li class="work-item">
                    <h4 class="work-title">原生JS+H5开发打字小游戏</h4>
                    <p class="work-des">工作之余，为了提高原生JS和H5能力而开发的小游戏，界面效果一般。里面用到类，对象，继承等面向对象开发，游戏功能基本完善，娱乐性尚且可以。</p>
                    <a class="work-link" href="TypingGame/TypingGame.html" target="_blank"><img src="image/w_link.svg" alt=""></a>
                </li>
                    <li class="work-item">
                    <h4 class="work-title">大洋商城</h4>
                    <p class="work-des">大洋商城是pc端购物商城，目标主营家用电器，使用jQuery和一些jQuery相关插件开发静态页面，动态效果，UI布局,排版等都是一个人完成</p>
                    <a class="work-link" href="DaYang/index.html" target="_blank"><img src="image/w_link.svg" alt=""></a>
                </li>
                    <li class="work-item">
                    <h4 class="work-title">jQuery插件---选项卡tab插件开发</h4>
                    <p class="work-des">为了精通jQuery，工作之余学习jQuery插件开发，通过此次开发，深刻认识到自己JavaScript编程能力的不足，该选项卡插件已经应用于实际项目中。</p>
                    <a class="work-link" href="http://blog.csdn.net/wujimiao/article/details/71598349" target="_blank"><img src="image/w_link.svg" alt=""></a>
                </li>
                    <li class="work-item">
                    <h4 class="work-title">研究bootstrap  zepto  jQuery源码</h4>
                    <p class="work-des">站在巨人肩膀才能走的更远，虽然到现在都未能完全看懂源码，但自己原生JS编程能力得到大幅度提高，浏览器兼容能力以及一些动画效果实现</p>
                    <a class="work-link" href="http://blog.csdn.net/wujimiao" target="_blank"><img src="image/w_link.svg" alt=""></a>
                </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- demo end -->
    <!-- contact -->
	<div class="section six">
		<div id="contact">
			<div id="contact_content">
				<div class="title">
					<h1>联系我</h1>
				</div>
                <div id="contact_head">
					<div id="contact_head1">灵感 代码 梦想 未来</div>
                </div>
                <div id="contact_info" class="contact_scale">
                </div>
            </div>
            <footer class="contact_scale">
				<div class="contact_scale footer">
                    <a href="http://blog.csdn.net/wujimiao" target="_blank">CSDN</a>|
                    <a href="javascript:void(0);">微博</a>|
                    <a href="https://git.oschina.net/wujimiao/wujimiao" target="_blank">码云（开源中国）</a>|
                    <a href="JavaScript：void(0)" target="_blank">知乎</a>|
                    <a href="https://github.com/wujimiao" target="_blank">Github</a></div>
            </footer>
        </div>
	</div>
    <!-- contact end -->
</div>
<!-- home page end -->
<!-- pop layer -->
<div class="md-modal md-effect-11" id="modal-1">
	<div class="md-content">
		<h3>小黄人O(∩_∩)O~</h3>
		<div>
			<img src="image/Minions.jpg" alt="" />
			<button class="md-close">明白了</button>
		</div>
	</div>
</div>
<div class="md-modal md-effect-13" id="modal-2">
	<div class="md-content">
		<h3>学习路线</h3>
		<div class="modal-learn">
           	<p>学习用到的书籍</p>
            <ul>
                <li>《html5+css3基础教程（第七版）》</li>
                <li>《css揭秘》</li>
                <li>《JavaScript DOM编程艺术（第二版）》</li>
                <li>《锋利的jQuery（第二版）》</li>
                <li>《JavaScript高级程序设计（第三版）》</li>
                <li>《JavaScript权威指南》</li>
            </ul>
			<button class="md-close">明白了</button>
		</div>
	</div>
</div>
<!-- pop layer -->
</body>
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/cssParser.js"></script>
<script src="js/modalEffects.js"></script>
<script src="js/index.js"></script>
</html>
